body{
	display: grid;
	grid-template-columns: repeat(1, 1fr);


	/* background-color: #A0A0A0; */
	margin: 0; font-size: 12pt; background-color: #f4cfa4; /* background-image:url(img/Nass_bg1s.png) */

	scrollbar-base-color: #f4cfa4; /* #929BAB; */
	scrollbar-face-color: #D7DADF; /* #D7DADF; */
	scrollbar-highlight-color: #E7EAEF;
	scrollbar-3dlight-color: #C0C0FF;
	scrollbar-darkshadow-color: #30306F;
	scrollbar-shadow-color: #969FC0;
	scrollbar-track-color: #FFFFCF;
	scrollbar-arrow-color: #6F6F90;  
}

hr {
	/* color: #A0A0A0; */
	/* border: 1px dotted #c0c0c0; */ /* #3b0ac2; */
	noshade;
	width: 92%;
	
	height: 0; 
	border: 0; 
	border-top: 1px solid #c0c0c0; 
}

@media (min-width: 30em) { 
  body{
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 50em) { 
  body{
    grid-template-columns: repeat(3, 1fr);
  }
} 


header {
	font-family: "Arial", "Helvetica", "Sans Serif";
	padding: 0.5em 0.5em 0.1em 0.5em;
	margin: 0.5em 0.5em 0.1em 0.5em;
}

article, section, aside {
	border-radius: 0.75em 0.75em 0.75em 0.75em;
	border: 1px solid #3b0ac2;
	padding: 0.15em;
	margin: 0.2em;
}

.image_map {
	border-radius: 0 0 0 0;
	border: 1px solid #3b0ac2;
	padding: 0.25em;
	margin: 0.25em;	
}

footer, header {
	border-radius: 0.75em 0.75em 0.75em 0.75em;
	border: 1px solid #3b0ac2;
	padding: 0.75em;
	margin: 0.2em;
}

h1,h2 {
	color: #3b0ac2;
	margin: 0.5em;
	padding: 0;
	border: 0;
	background: none;
	text-align: center;
	background-color: #fdf381;
	border-radius: 1em;
	padding-left: 1em;
	padding-right: 1em;
	}

h3 {
	color: #3b0ac2;
	margin: 0.5em 0.5em 0.1em 0.5em;
	padding: 0;
	border: 0;
	background: none;
	text-align: center;
	font-size: 10pt;
	/*background-color: #fdf381;
	border-radius: 1em;*/
	padding-left: 0.5em;
	padding-right: 0.5em;
}
 
img {
  width: 100%;
  max-width: 450; /*legt die Anzahl der Columns fest*/
  height: auto;
  margin: 0em;
}

article {
	grid-column: 1 / -1;
	margin: 1.5em;
}

header {
	grid-column: 1 / -1;
	text-align: center;
	background: #c0c0ff; /* #F1F3F4; */
	border-color: #a5a5d5;
}

footer {
	grid-column: 1 / -1;
	}


a:active { color: #660000; text-decoration:none;}
a:hover { color: #0000A0; /* background-color: #f4cfa4; */ text-decoration: underline;}
a { color: #000040; text-decoration: none; font-weight: bold;}

contact {
 font-family: Arial, Helvetica, Verdana;
 font-weight: bold;
 font-size: 9pt;
 color: #C0C0C0;
}

e_mail {
 font-family: Verdana, Tahoma, Arial, Helvetica;
 font-size: 10pt;
}


p {
	padding: 0;
	margin: 1em;
}

header {
}

/*figure {
	display: inline-block;
}

*/

figure img {
	width: 100%; 
	
	margin: 0em;
}


#icon {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(48em, 72em));
	/* max-width: 90em; */
	/*grid-template-columns: repeat(1, 1fr 1fr 1fr);*/
	gap: 1em;
	text-align: center;
}

#gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(24em, 36em));
	/* max-width: 90em; */
	/*grid-template-columns: repeat(1, 1fr 1fr 1fr);*/
	gap: 0.5em;
	text-align: center;
}

#gallery figure {
	border: 0px solid #ccc;
	position: relative;
	margin: 0;
	counter-increment: posMarkup; 
}

#panorama {
	/* display: grid; */ display: block;
  margin-left: auto;
  margin-right: auto;
	grid-column: 1 / -1;
	/*max-width: auto;*/
	/* width: 100%; */	/* deactivated */
	text-align: center;
	margin: 0;
}

	

/*#panorama figure >img { 
	width: 100%;
    margin: 0em;
}

.fill {
	object-fit: fill;
}

.contain {
	object-fit: contain;
}

.cover {
	object-fit: cover;
}

.none {
	object-fit: none;
}

.scale-down {
	object-fit: scale-down;
}


figcaption {
	color: #D0D0D0;
	font-family: Arial, Helvetica, sans-serif; 
	padding: .1em;
  text-align: center;
}

/*.gallery figure.landscape {
	grid-column-end: span 2;
}


.gallery figure.panorama {
	grid-column-end: span 3;


#gallery figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*Zahl im Bild*/
/*.gallery figure::after {
	content: counter(posMarkup, decimal);
	position: absolute;
	bottom: 0;
	left: 0.2em;
	color: red;
	font-size: 2em;
}*/